<template>
    <div id="contentMargin">
        <div id="content">
            <h4 v-text="info.title"></h4>
            <p class="line"></p>
            <p v-html="info.content"></p>

        </div>
    </div>
</template>
<script>
import common from '../../kits/common.js'
export default {
    data() {
        return {
            id: 0,
            info: {
                "title": "这是商品的标题",
                "content": "这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容这是商品的内容"
            }
        }
    },
    created() {
        this.id = this.$route.params.id;
        // this.getinfo();
    },
    methods: {
        getinfo(){
            var url = common.apidomain+'/api/..'+this.id;
            this.$http.get(url).then(res => {
                if (res.body.status != 0) {
                    alert(res.body.message);
                    return;
                }
                this.imgs = res.body.message[0];
            })
        }
    }
}
</script>
<style scoped>
#content{
    padding: 5px;
}
#content h4{
    color: #0094ff;
}
#content .line {
    height: 1px;
    border: 1px solid rgba(0,0,0,0.4);
}
</style>